.customFormItem {
  position: relative;
  display: flex;
  width: 100%;
  // border-bottom: 1px solid #e8e8e8;
  &Label {
    line-height: 20px;
    margin-top: 6px;
    width: 150px;
    font-size: 14px;
    color: #314659;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    // white-space: nowrap;
    text-align: right;
  }
  &Required {
    &:before {
      content: '*';
      color: @brand-error;
    }
  }
  &Right {
    // width: 100%;
    flex: 1;
    // 右边内容较多的时候会挤压，给个最小值
    min-width: 1px;
  }
  &Content {
    .am-list-item {
      min-height: 50px;
    }
    .ant-select {
      width: 100%;
    }
    .ant-picker {
      width: 100%;
    }
  }
  &Error {
    font-size: 14px;
    color: #ff4040;
  }
  &ExplainText {
    font-size: 12px;
    color: #999999;
    padding-top: 5px;
  }
  &warningText {
    font-size: 14px;
    color: #ff4040;
  }
  .am-list-item {
    .am-input-label,
    .am-input-label.am-input-label-5,
    .am-list-content,
    .am-textarea-label,
    .am-textarea-label.am-textarea-label-5 {
      white-space: normal;
      word-break: break-all;
      width: 110px;
      font-size: 16px;
      color: #666666;
      margin-right: 5px;
    }
    .am-input-control {
      font-size: 16px;
      color: #222222;
      .fake-input-container .fake-input {
        font-size: 16px;
        color: #222222;
        text-align: left;
      }
      .fake-input-container .fake-input.fake-input-disabled {
        font-size: 16px;
        color: #666666;
      }
      input {
        font-size: 16px;
        color: #222222;
      }
    }
    .am-textarea-control {
      padding-right: 15px;
      textarea {
        font-size: 16px;
        color: #222222;
      }
    }
  }
  &.radio,
  &.checkbox,
  &.datepicker {
    .am-list-line {
      .am-list-content {
        width: 110px;
        flex: none;
        color: #666666;
        padding: 0;
      }
      .am-list-extra {
        color: #222222;
        flex-basis: 56%;
        flex: 1;
        font-family: sans-serif;
        text-align: left;
      }
    }
  }
}
@textlength-6: 85px;

.label-long-6 {
  .customFormItemLabel {
    // 根据文字长度定prefix的长度
    width: @textlength-6;
  }
}

.customFormItemError {
  .ant-upload .ant-btn:focus,
  .ant-picker-focused,
  .ant-select:not(.ant-select-borderless).ant-select-open .ant-select-selector,
  .ant-select:not(.ant-select-borderless).ant-select-focused
    .ant-select-selector,
  .ant-input:focus {
    border-color: #ff6e69;
    border-right-width: 1px !important;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(255, 64, 64, 0.2);
  }
  .ant-upload .ant-btn:hover,
  .ant-upload .ant-btn,
  .ant-upload.ant-upload-select-picture-card,
  .ant-picker:not([disabled]),
  .ant-select:not(.ant-select-borderless) .ant-select-selector,
  .ant-input {
    border-color: #ff4040;
  }
  .ant-upload .ant-btn:hover,
  .ant-upload .ant-btn:focus {
    color: #314659;
  }
}
